<template>
  <div class="map-page">
    <!-- 地图组件 -->
    <MapContainer ref="mapContainerRef" />
  </div>
</template>

<script setup>
import { ref } from 'vue'
import MapContainer from '../components/MapContainer.vue'

const mapContainerRef = ref(null)

// 暴露地图容器引用，方便外部调用
defineExpose({
  mapContainerRef,
})
</script>

<style scoped>
.map-page {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
</style>

